//获取系统时间
var newDate = '';
getLangDate();

//值小于10时，在前面补0
function dateFilter(date) {
    if (date < 10) {
        return "0" + date;
    }
    return date;
}

function getLangDate() {
    var obj = new Date(); //表示当前系统时间的Date对象
    var year = obj.getFullYear(); //当前系统时间的完整年份值
    var month = obj.getMonth() + 1; //当前系统时间的月份值
    var date = obj.getDate(); //当前系统时间的月份中的日
    var day = obj.getDay(); //当前系统时间中的星期值
    var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
    var week = weeks[day]; //根据星期值，从数组中获取对应的星期字符串
    var hour = obj.getHours(); //当前系统时间的小时值
    var minute = obj.getMinutes(); //当前系统时间的分钟值
    var second = obj.getSeconds(); //当前系统时间的秒钟值
    var timeValue = "" + ((hour >= 12) ? (hour >= 18) ? "晚上" : "下午" : "上午"); //当前时间属于上午、晚上还是下午
    newDate = dateFilter(year) + "年" + dateFilter(month) + "月" + dateFilter(date) + "日 " + " " + dateFilter(hour) + ":" + dateFilter(minute) + ":" + dateFilter(second);
    document.getElementById("sysTime").innerHTML = timeValue + "好！欢迎使用报修平台。当前时间为：" + newDate + "　" + week;
    setTimeout("getLangDate()", 1000);
}

layui.use(['table', 'jquery'], function () {
    var table = layui.table,
        $ = layui.jquery;


    //报修记录
    var myRepair = table.render({
        elem: "#historyOfRepair",
        url: '/reListController/myRepair',
        cellMinWidth: 95,
        limit: 10,
        limits: [5, 10, 15, 20, 25],
        page: true,
        loading: true,
        size: 'lg',
        response: {
            statusName: 'code'
            , statusCode: 200
            , msgName: 'msg'
            , countName: 'count'
            , dataName: 'data'
        },
        id: 'myRepair',
        cols: [[
            {type: "checkbox", fixed: "left", width: 50},
            {field: 'id', title: 'ID', hide: true},
            {field: 'userName', title: '姓名', align: 'center', width: 150},
            {field: 'jobId', title: '工号', align: 'center', width: 150},
            {field: 'userTel', title: '联系电话', align: 'center', width: 150},
            {
                field: 'serviceId', title: '是否指派', align: 'center', width: 200, templet: function (d) {
                    return d.serviceId != null ? '<span style="color: #00FF00">已指派</span>' : '<span style="color: red">还未指派维修人员</span>'
                }
            },
            {field: 'location', title: '报修位置', align: 'center'},
            {
                field: 'emergency', title: '紧急程度', align: 'center', width: 100, templet: function (d) {
                    if (d.emergency === 1) {
                        return '<span style="color: red;font-weight: 600">非常重要</span>'
                    } else if (d.emergency === 2) {
                        return '<span style="color: orange;font-weight: 600">重要</span>'
                    } else if (d.emergency === 3) {
                        return '<span style="color: dodgerblue;font-weight: 600">普通</span>'
                    }
                }
            },
            {field: 'detailInfo', title: '问题描述信息', align: 'center'},
            {field: 'startTime', title: '报修时间', align: 'center'},
            {field: 'assignTime', title: '指派时间', align: 'center'},
            {
                field: 'state', title: '是否解决', align: 'center', templet: function (d) {
                    if (d.state === 0) {
                        return '<span style="color: red">待处理</span>'
                    } else if (d.state === 1) {
                        return '<span style="color: yellow">处理中</span>'
                    } else {
                        return '<span style="color: green">已处理</span>'
                    }
                }
            },
            {field: 'endTime', title: '解决时间', align: 'center'},
            {
                field: 'photo', title: '图片描述', align: 'center', width: 150, templet: function (d) {
                    return '<a href="' + d.photo + '" target="_blank"><img src="' + d.photo + '" style="width: 60px;height: 60px"/></a>'
                }
            },
            {title: '操作', width: 250, templet: '#commentBar', fixed: "right", align: "center"}
        ]]
    });

    table.on('tool(historyOfRepair)', function (obj) {
        var data = obj.data,
            layEvent = obj.event;
        if (layEvent === 'delete'){//监听修改
            layer.confirm('确定要删除该报修单？', {icon: 3, title: '提示信息'}, function (index) {
                $.ajax({
                    url: '/reListController/delete?repairId=' + data.id,
                    type: 'Delete',
                    success: function (res) {
                        if (res.code === 200) {
                            myRepair.reload();
                            layer.msg("删除成功!");
                        } else {
                            layer.msg("删除失败!");
                        }
                    }
                });
            });
        }else if (layEvent === 'edit'){
            layui.layer.open({
                title: "修改报修单",
                type: 2,
                content: "../user/edit_user_repair.html",//弹出层页面
                area: ['100%', '100%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".userName").val(data.userName);  //姓名
                        body.find(".jobId").val(data.jobId);//工号
                        body.find(".userTel").val(data.userTel);  //联系电话
                        body.find(".location").val(data.location);  //报修地址
                        body.find(".emergency input[value="+data.emergency+"]").prop("checked","checked");  //紧急程度，单选按钮
                        body.find(".detailInfo").val(data.detailInfo);  //问题描述
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }else if (layEvent === 'detail'){
            layui.layer.open({
                title: "报修单详情",
                type: 2,
                content: "../user/detail_user_repair.html",//弹出层页面
                area: ['100%', '100%'],
                success: function (layero, index) {
                    var body = layui.layer.getChildFrame('body', index);
                    if (data) {
                        // 取到弹出层里的元素，并把编辑的内容放进去
                        body.find(".id").val(data.id);  //将选中的数据的id传到编辑页面的隐藏域，便于根据ID修改数据
                        body.find(".userName").val(data.userName);  //姓名
                        body.find(".jobId").val(data.jobId);//工号
                        body.find(".userTel").val(data.userTel);  //联系电话
                        body.find(".location").val(data.location);  //报修地址
                        body.find(".emergency input[value="+data.emergency+"]").prop("checked","checked");  //紧急程度，单选按钮
                        body.find(".detailInfo").val(data.detailInfo);  //问题描述
                        // 记得重新渲染表单
                        form.render();
                    }
                    setTimeout(function(){
                        layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                            tips: 3
                        });
                    },500)
                }
            })
            //改变窗口大小时，重置弹窗的宽高，防止超出可视区域（如F12调出debug的操作）
            $(window).on("resize",function(){
                layui.layer.full(window.sessionStorage.getItem("index"));
            })
        }else if (layEvent === 'comment') {
            addComment(data);
        }
    })

    /**
     * 添加评论
     */
    function addComment(obj) {
        var index = layer.open({
            title: "添加评论",
            type: 2,
            area: ['40%', '60%'],
            content: '../addComment.html',
            success: function (layero, index) {//参数绑定
                // 获取子页面的iframe,DOM
                var body = layui.layer.getChildFrame('body', index);
                // 向子页面传参
                if (obj) {
                    body.find('.reId').val(obj.id);
                    form.render();
                }
                setTimeout(function () {
                    layui.layer.tips('点击此处返回', '.layui-layer-setwin .layui-layer-close', {
                        tips: 3
                    });
                }, 500)
            }

        });
        $(window).on("resize", function () {
            layer.area = ['30%', '35%']
        });
    }

});